*{
    padding: 0;
    margin: 0;
}
ul{
    list-style: none;
}
body{
    font-size: .1823rem;
    max-width: 768px;
    min-width: 320px;
    margin: 0 auto;
    height: 500px;
}
header{
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
    div{
        &:nth-child(1){
            width: 1.0329rem;
            height: .7813rem;
            margin-left: .2604rem;
            img{
                width: 100%;
                height: .625rem;
                margin-top: .0651rem;
            }
        } 
        &:nth-child(2){
            margin-right: .2604rem;
            span{
                font-size: .3255rem;
                 color:#fff;
                line-height: .7813rem;
            }
           
        }   
    }
}

// banna图开始
.banna_img{
    width: 500%;
    margin-left: -100%;
    height: 13.3333rem;
    li{
        float: left;
        width: 20%;
        height: 100%;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
.banna{
    position: relative;
}
.yuan{
    position: absolute;
    bottom: .2604rem;
    left: 50%;
    transform: translate(-50%);
    li{
        height: .1302rem;
        width: .1302rem;
        border-radius: 50%;
        background-color: #fff;
        float: left;
        margin: 0 .026rem;
    }
}